<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>蓝源Eloan-P2P平台(系统管理平台)</title> <#include "../common/header.ftl"/>
  <script type="text/javascript" src="/js/plugins/jquery.form.js"></script>
  <script type="text/javascript"
          src="/js/plugins/jquery-validation/jquery.validate.js"></script>
  <script type="text/javascript"
          src="/js/plugins/jquery.twbsPagination.min.js"></script>
  <script type="text/javascript" src="/js/My97DatePicker/WdatePicker.js"></script>
  <script type="text/javascript"
          src="/js/plugins/bootstrap3-typeahead.min.js"></script>

  <script type="text/javascript">
    $(function () {
      $("#beginDate,#endDate").click(function () {
        WdatePicker();
      });

      $('#pagination').twbsPagination({
        totalPages: "${pageInfo.pages}" || 1,
        startPage: "${pageInfo.pageNum}",
        visiblePages: 5,
        first: "首页",
        prev: "上一页",
        next: "下一页",
        last: "最后一页",
        onPageClick: function (event, page) {
          $("#currentPage").val(page);
          $("#searchForm").submit();
        }
      });

      $("#query").click(function () {
        $("[name=currentPage]").val("1");
        $("#searchForm").submit();
      });

      $(".btn_audit").click(function () {
        var form = $("#editForm");
        form.find("[name=state]").val($(this).val());
        $("#videoAuthModal").modal("hide");
        form.ajaxSubmit(function (data) {
          if (data.success) {
            $.messager.confirm("提示", "审核成功!", function () {
              window.location.href = "/videoAuth.do";
            });
          } else {
            $.messager.alert("提示", data.msg);
          }
        });
        return false;
      });

      $(".audit").click(function () {
        var videoAuthId = $(this).data("dataid");
        $("[name=videoAuthId]").val(videoAuthId);
        $("#videoAuthModal").modal("show");
        $("#editForm")[0].reset();
      });

      var $input = $('#username');
      $input.typeahead({
        source: function (username, callback) {
          $.post("/listUserByAutoComplate", {"username": username}, function (source) {
            if (source && source.length) {
              callback(source);
            }
          });
        },
        minLength: 3,
        items: 5,
        autoSelect: true
      });

    });
  </script>
</head>

<body>
<div class="container">
		<#include "../common/top.ftl"/>
  <div class="row">
    <div class="col-sm-3">
				<#assign currentMenu="videoAuth" />
				<#include "../common/menu.ftl" /></div>
    <div class="col-sm-9">
      <div class="page-header">
        <h3>视频认证管理</h3>
      </div>
      <div class="row">
        <!-- 提交分页的表单 -->
        <form id="searchForm" class="form-inline" method="post" action="/videoAuth.do">
          <input type="hidden" name="currentPage" value=""/>
          <div class="form-group">
            <label>状态</label> <select class="form-control" name="state">
            <option value="-1">全部</option>
            <option value="0">申请中</option>
            <option value="1">审核通过</option>
            <option value="2">审核拒绝</option>
          </select>
            <script type="text/javascript">
              $("[name=state] option[value='${(qo.state)!''}']").attr("selected", "selected");
            </script>
          </div>
          <div class="form-group">
            <label>预约时间</label> <input class="form-control"
                                       style="width: 130px;" type="text" name="beginDate"
                                       id="beginDate" value="${(qo.beginDate?string('yyyy-MM-dd'))!''}"/>到
            <input class="form-control" style="width: 130px;" type="text"
                   name="endDate" id="endDate"
                   value="${(qo.endDate?string('yyyy-MM-dd'))!''}"/>
          </div>
          <div class="form-group">
            <label>预约用户</label>
            <input class="form-control" style="width: 130px;" type="text" name="username" id="username"
                   value="${qo.username!''}" ' />
          </div>
          <div class="form-group">
            <button id="query" class="btn btn-success">
              <i class="icon-search"></i> 查询
            </button>
          </div>
        </form>
      </div>
      <div class="row">
        <table class="table">
          <thead>
          <tr>
            <th>预约用户</th>
            <th width="220px">预约时间</th>
            <th>状态</th>
            <th>审核说明</th>
            <th>审核时间</th>
            <th>操作</th>
          </tr>
          </thead>
          <tbody>
							<#list pageInfo.list as vo>
              <tr>
                <td>${vo.applier.username}</td>
                <td>
                  ${vo.orderBeginDate?string("yyyy-MM-dd HH:mm")} -
                  ${vo.orderEndDate?string("HH:mm")}
                </td>
                <td>${vo.stateDisplay}</td>
                <td>${(vo.remark)!''}</td>
                <td>${(vo.auditTime?string("yyyy-MM-dd  HH:mm:ss"))!""}</td>
                <td>
									<#if vo.state==0>
                    <a class="audit" data-dataid="${vo.id}">审核</a>
                  </#if>
                </td>
              </tr>
              </#list>
          </tbody>
        </table>

        <div style="text-align: center;">
          <ul id="pagination" class="pagination"></ul>
        </div>
      </div>
    </div>
  </div>
</div>

<div id="videoAuthModal" class="modal" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"
                aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
        <h4 class="modal-title">添加视频审核</h4>
      </div>
      <div class="modal-body">
        <form id="editForm" class="form-horizontal" method="post" action="/videoAuth_audit">
          <input type="hidden" name="state" value=""/>
          <input type="hidden" name="videoAuthId" value=""/>
          <div class="form-group">
            <label class="col-sm-2 control-label" for="name">审核备注</label>
            <div class="col-sm-6">
              <textarea name="remark" rows="4" cols="40"></textarea>
            </div>
          </div>
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
        <button type="button" class="btn btn-success btn_audit" value="1">审核通过</button>
        <button type="button" class="btn btn-warning btn_audit" value="2">审核拒绝</button>
      </div>
    </div>
  </div>
</div>
</body>
</html>